<div class="jfx-two-column">

<div class="jfx-column1" id="jfxcss-unassigned">

    <h2>Unassigned Stylesheets</h2>
    <ul>
        {section loop=$unassigned name=i}

            <li>
            <a href="{$unassigned[i].url}"><img src="{$unassigned[i].img}" alt="{lang m="jfxcss" l="add_association"}" /></a>
            {$unassigned[i].title}
        </li>

        {/section}
    </ul>
</div>

<div class="jfx-column2" id="jfxcss-assigned">
    <h2>Assigned Stylesheets</h2>
    <ul id="jfx-sort-associated">
        {section loop=$assigned name=i}

            <li id="css_{$assigned[i].id}">
                <a href="{$assigned[i].url}"><img src="{$assigned[i].img}" alt="{lang m="jfxcss" l="remove_association"}" /></a>
                {$assigned[i].title}
            </li>

        {/section}
    </ul>
</div>






























</div>